<template>
  <p-tooltip :title="value">
    <div class="render-box" :style="{ width: setWidth }">
      {{ value || '-' }}
    </div>
  </p-tooltip>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      default: '',
    },
    setWidth: {
      type: String,
      default: 'auto',
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},

  methods: {},
};
</script>
<style lang="less" scoped>
.render-box {
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>
